.systemStyle{
    .container {
        flex: 1; 
        flex-direction:column;
        align-items:center;
        position: relative;
        background-color: #eeeeee;
      }
    
    
}

.systopStyle{
    .top{
        height: 215;
        background-color: #3d9ccc;
        align-items:center;
    }
    .topin{      
        flex-direction:row;
        justify-content:space-between;    
        margin-top: 30;
        border-bottom: 0.5 solid #ffffff;
        padding-bottom: 15;
    }
    .left{
        margin-top: 12;
    }
    .name{
        color: #ffffff;
        margin-bottom: 12;
        font-size: 16;
        font-family: msyh;
    }
    .text{
      color: #ffffff;
      font-size: 12;
      font-family: msyh;
    }
    .text2{
      color: #ffffff;
      margin-top: 5;
      font-size: 12;
      font-family: msyh;
    }
    .head{
      width: 60;
      height: 60;
      border-radius: 50;
      margin-top: 15;
  }
    .img{
        width: 50;
        height: 50;
    }
    .pituall{
      flex-direction:row;
      margin-top: 17;
    }
    .pitu{
        flex: 1;
        align-items:center;
    }
    
    .icont{
        color: #ffffff;
        font-size: 12;
        margin-top: 5;
        font-family: msyh;
    }
    .numall{
        width: 15;
        height: 15;
        background-color: #fc6866;
        color: #ffffff;
        align-items: center;
        font-family: msyh;
        border-radius: 50;
        position: absolute;
        top: 0;
        right: 25;
        text-align: center;
        font-size: 11;
    }
    
}
.systwoStyle{
    .center{
        height: 45;
        background-color: #ffffff;
        flex-direction:row;
        justify-content:space-between; 
        align-items:center;
        border-bottom: 0.5 solid #e4e4e4;
    }
    .text3{
        margin-left: 25;
        font-size: 12;
        color: #333333;
        font-family: msyh;
    }
    .text4{
        margin-right: 25;
        font-size: 12;
        font-family: msyh;
    }
}

.syscenterStyle{
    .center2{
        height: 53;
        background-color: #bcbcbc;
        margin-top: 10;
        flex-direction:row;
        align-items:center;
        justify-content:space-between; 
    }
    .text5{
        margin-left: 25;
        font-size: 12;
        color: #ffffff;
        font-family: msyh;
    }
    .text6{
        margin-right: 25;
        font-size: 12;
        color: #ffffff;
        font-family: msyh;
    }
    .button1{
        width: 80;
        height: 27;
        border: 0.8 solid #ffffff;
        margin-right: 25;
        border-radius: 3;
        align-items:center;
        justify-content:center;
    }
    .button2{
        font-size: 12;
        color: #ffffff;
        font-family: msyh;
    }
}

.sysbottomStyle{
    .bottom{
        margin-top: 8;
    }
    .section{
        // border: 0.5 solid #e4e4e4;
        align-items:center;
        background-color: #ffffff;
     
    }
    .section2{
        background-color: #ffffff;
        border-bottom: 0.5 solid #e4e4e4;
        margin-top: 8;
        align-items:center;
    }

    .every{
        height: 50;
        align-items:center;
        flex-direction:row;
        border-bottom: 0.5 solid #e4e4e4;
    }
    .every2{
        height: 50;
        align-items:center;
        flex-direction:row;
    }
    .every3{
        height: 45;
        align-items:center;
        flex-direction:row;
       
    }
    .text6{
        font-size: 12.5;
        font-family: msyh;
        color: #444444;
    }
    .bicon{
        margin-right: 15;
        margin-left: 5;
    }
}